﻿<UserControl x:Class="VAdvantage.KnowledgeBase.WelcomeScreen"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:my="clr-namespace:VAdvantage.KnowledgeBase"
              xmlns:controls="clr-namespace:VAdvantage.Controls"
              xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"  
    mc:Ignorable="d"
          d:DesignWidth="700" d:DesignHeight="500">

    <Grid x:Name="LayoutRoot"  Background="#cee1f1">
        <Grid.Resources>

            

            
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <Grid x:Name="grdTopic" Margin="9">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition Height="40"></RowDefinition>
            </Grid.RowDefinitions>
            <Image Source="../Images/logoLogin.png" HorizontalAlignment="Left" VerticalAlignment="Top"  Stretch="None"></Image>
            <Image Source="../Images/Cancel.png" x:Name="imgClose1" MouseLeftButtonUp="imgClose1_MouseLeftButtonUp" Cursor="Hand" HorizontalAlignment="Right" VerticalAlignment="Top"  Stretch="None"></Image>
            
            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions >
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="150"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="48" ></RowDefinition>
                    <RowDefinition Height="Auto" ></RowDefinition>
                    <RowDefinition Height="*"></RowDefinition>
                </Grid.RowDefinitions>
                <Grid Margin="0,9,0,9">

                    <TextBlock Text="Getting Started" FontSize="20" FontWeight="Medium"  VerticalAlignment="Top" ></TextBlock>
                    <Grid x:Name="grdSearch" HorizontalAlignment="Right" VerticalAlignment="Top" Height="25" Margin="0,0,0,0">
                        <!--<Border CornerRadius="15" Background="White" BorderBrush="#cbcbcb" BorderThickness="1">
                            <Grid Margin="1">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                                </Grid.ColumnDefinitions>-->
                        <controls:VTextBox Style="{StaticResource RoundTextBoxStyle}"  x:Name="txtSearch" Background="White" Width="150" KeyUp="txtSearch_KeyUp"     />
                                <!--<Rectangle Margin="0,0,5,0" Grid.Column="1" Width="1" Fill="Gray"></Rectangle>
                                <Image Margin="0,0,3,0" Grid.Column="2" Source="../Images/search.png" Width="18" Height="18" MouseLeftButtonUp="imgSearch_MouseLeftUp"  Stretch="Fill"></Image>-->
                            <!--</Grid>
                        </Border>-->
                    </Grid>
                </Grid>
                <Grid Grid.Row="1" x:Name="grdTab">
                    <!--tabs-->
                    <StackPanel Margin="0,0,0,3" Orientation="Horizontal">
                        <CheckBox x:Name="chkInitConfig" Checked="chk_Checked"  Content="Instruction" Margin="1,0,1,0" IsChecked="False" Style="{StaticResource RoundCheckBoxStyle}" ></CheckBox>
                        <CheckBox x:Name="chkTopic" Checked="chk_Checked" Content="Topic" Margin="1,0,1,0" IsChecked="False" Style="{StaticResource RoundCheckBoxStyle}" ></CheckBox>
                        <CheckBox x:Name="chkNews" Checked="chk_Checked" Content="Email" IsChecked="False" Margin="1,0,1,0" Style="{StaticResource RoundCheckBoxStyle}"></CheckBox>
                    </StackPanel>
                    <Rectangle Height="3" VerticalAlignment="Bottom" Fill="#bad4ea"></Rectangle>
                    <Image x:Name="imgToogle" Source="../Images/Toolbar/Multi22.png"  MouseLeftButtonUp="Image_MouseLeftButtonUp" Width="25" Height="25" HorizontalAlignment="Right"></Image>
                </Grid>
                <Grid Grid.Row="2" Margin="0,2,0,0">
                    <!--grids-->
                    <Grid x:Name="tabInitConfig" >
                        <Grid x:Name="grdInitTabular" Visibility="Collapsed">
                            <ScrollViewer HorizontalAlignment="Stretch" Margin="0" Padding="0" BorderThickness="0" HorizontalScrollBarVisibility="Disabled">
                                <toolkit:WrapPanel x:Name="stInitTabular" Orientation="Horizontal">
                                </toolkit:WrapPanel>
                            </ScrollViewer>
                        </Grid>
                        <Grid x:Name="grdInitDetail">
                            <ListBox x:Name="lstInitGrid" Background="Transparent" BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                                <ListBox.ItemTemplate>
                                    <DataTemplate>
                                        <Grid Loaded="GridInit_Loaded">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="Auto"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <StackPanel Orientation="Vertical" Margin="0">
                                                <Image Source="{Binding Icon}" Cursor="Hand" VerticalAlignment="Top" Stretch="Fill" HorizontalAlignment="Left" Height="100" Width="150"  Margin="0" />
                                                <TextBlock  Text="{Binding Name}" Cursor="Hand" Margin="2" Width="Auto" Height="Auto" HorizontalAlignment="Center"  />
                                            </StackPanel>
                                            <Grid Grid.Column="1">
                                                <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch"  Margin="10,0,0,0">
                                                    <TextBlock Text="{Binding Desc}" Cursor="Hand"  Margin="0" FontSize="18" FontWeight="SemiBold" HorizontalAlignment="Left" />
                                                    <TextBlock Text="{Binding Help}" Cursor="Hand" Margin="0,10,0,0" TextWrapping="Wrap" HorizontalAlignment="Left" />
                                                </StackPanel>
                                            </Grid>
                                        </Grid>
                                    </DataTemplate>
                                </ListBox.ItemTemplate>
                            </ListBox>
                        </Grid>
                        <toolkit:BusyIndicator x:Name="busyIndicatorInit" Style="{StaticResource RoundBusyIndicator}" IsBusy="False" VerticalAlignment="Center" HorizontalAlignment="Center"></toolkit:BusyIndicator>
                    </Grid>
                   
                    <Grid x:Name="tabTopic" Visibility="Collapsed">
                    <Grid x:Name="grdTabular" Visibility="Collapsed">
                        <ScrollViewer HorizontalAlignment="Stretch" Margin="0" Padding="0" BorderThickness="0" HorizontalScrollBarVisibility="Disabled">
                            <toolkit:WrapPanel x:Name="stTabular" Orientation="Horizontal">
                            </toolkit:WrapPanel>
                        </ScrollViewer>
                    </Grid>
                    <Grid x:Name="grdDetail">
                        <ListBox x:Name="lstGrid" Background="Transparent" BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid Loaded="Grid_Loaded">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <StackPanel Orientation="Vertical" Margin="0">
                                                <Image Source="{Binding Icon}" Cursor="Hand" VerticalAlignment="Top" Stretch="Fill" HorizontalAlignment="Left" Height="100" Width="150"  Margin="0" />
                                                <TextBlock  Text="{Binding Name}" Cursor="Hand" Margin="2" Width="Auto" Height="Auto" HorizontalAlignment="Center"  />
                                        </StackPanel>
                                        <Grid Grid.Column="1">
                                            <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch"  Margin="10,0,0,0">
                                                    <TextBlock Text="{Binding Desc}" Cursor="Hand"  Margin="0" FontSize="18" FontWeight="SemiBold" HorizontalAlignment="Left" />
                                                    <TextBlock Text="{Binding Help}" Cursor="Hand" Margin="0,10,0,0" TextWrapping="Wrap" HorizontalAlignment="Left" />
                                            </StackPanel>
                                        </Grid>
                                    </Grid>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </Grid>
                        <toolkit:BusyIndicator x:Name="busyIndicatorTopic" Style="{StaticResource RoundBusyIndicator}" IsBusy="False" VerticalAlignment="Center" HorizontalAlignment="Center"></toolkit:BusyIndicator>
                    </Grid>
                   
                    <Grid x:Name="tabNews" Visibility="Collapsed"></Grid>
                    
                </Grid>
                <Grid Grid.Column="1" Grid.RowSpan="3" x:Name="RightPanel"></Grid>
            </Grid>
           
            <Grid Grid.Row="2" VerticalAlignment="Bottom" Margin="2,2,2,1">
                <CheckBox x:Name="chkWelcome" Visibility="Collapsed" Content="Dont Show Welcome Screen on StartUp"  VerticalAlignment="Center"></CheckBox>
                <controls:ToolBarButton x:Name="btnClose" Visibility="Visible" Click="btnClose_Click"  HorizontalAlignment="Right" Height="30"  IconMargin="8,0,2,0" Text="Close" Icon="../Images/cancel.png">

                </controls:ToolBarButton>
            </Grid>
        </Grid>
        <Grid x:Name="grdStep" Visibility="Collapsed"  Margin="9">
            <Grid.RowDefinitions>
                <RowDefinition Height="50"></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition Height="40"></RowDefinition>
            </Grid.RowDefinitions>
            <Grid>
                <TextBlock Text="." x:Name="txtStepHeader" FontSize="20" Foreground="#FF0084c4" FontWeight="Medium" Height="Auto"></TextBlock>
                <Image x:Name="imgSound" Source="../Images/sound.png" Height="20" Visibility="Collapsed" Width="20" Cursor="Hand"  MouseLeftButtonUp="imgSound_MouseLeftButtonUp"   HorizontalAlignment="Right" VerticalAlignment="Top"></Image>
                <Image x:Name="imgClose" Source="../Images/cancel.png"  Cursor="Hand"  MouseLeftButtonUp="imgClose_MouseLeftButtonUp"   HorizontalAlignment="Right" Stretch="None" VerticalAlignment="Top"></Image>
                <MediaElement x:Name="_audioPlayer"/>
            </Grid>
            <Grid Grid.Row="1" Margin="0,0,5,5">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="150"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                        <ColumnDefinition Width="*"></ColumnDefinition>
                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Button x:Name="btnLeftArrow" Grid.Column="0" BorderThickness="0" VerticalAlignment="Center"  Grid.Row="0" Margin="10,0,5,0" Click="btnLeftArrow_Click">
                        <Button.Content>
                            <Grid>
                                <Path  Data="M224,176 C62.521194,242.20894 72.499382,207.5 224,276" Cursor="Hand" VerticalAlignment="Center" HorizontalAlignment="Center"  Stretch="Fill" UseLayoutRounding="False"  Width="9" Height="15"  StrokeThickness="3" Stroke="Black" Grid.Row="1" StrokeDashCap="Round" RenderTransformOrigin="0.5,0.5">
                                    <Path.RenderTransform>
                                        <CompositeTransform Rotation="0" ScaleX="1"/>
                                    </Path.RenderTransform>
                                </Path>
                            </Grid>
                        </Button.Content>
                        <!--<Button.Template>
                            <ControlTemplate>
                                <Grid>
                                    <Path  Data="M224,176 C62.521194,242.20894 72.499382,207.5 224,276" Cursor="Hand" VerticalAlignment="Center" HorizontalAlignment="Center"  Stretch="Fill" UseLayoutRounding="False"  Width="9" Height="15"  StrokeThickness="3" Stroke="Black" Grid.Row="1" StrokeDashCap="Round" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform Rotation="0" ScaleX="1"/>
                                        </Path.RenderTransform>
                                    </Path>
                                </Grid>
                            </ControlTemplate>
                            
                        </Button.Template>-->
                    </Button>
                    <my:ImageTextControl x:Name="stepDetail" Click="stepDetail_Click"    Grid.Column="1" Background="Transparent" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
                    <!--<Grid   Grid.Row="0" MouseLeftButtonUp="grdRightArrow_MouseLeftButtonUp">-->
                    <Button Grid.Column="2" x:Name="grdRightArrow" BorderThickness="0" Margin="5,0,10,0" VerticalAlignment="Center" Click="grdRightArrow_Click" >
                        <!--<Button.Template>
                            <ControlTemplate>
                                <Grid>
                                    <Path  Data="M224,176 C62.521194,242.20894 72.499382,207.5 224,276" Cursor="Hand" VerticalAlignment="Center" HorizontalAlignment="Center"  Stretch="Fill" UseLayoutRounding="False"  Width="9" Height="15"  StrokeThickness="3" Stroke="Black" Grid.Row="1" StrokeDashCap="Round" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform Rotation="180" ScaleX="1"/>
                                        </Path.RenderTransform>
                                    </Path>
                                </Grid>
                            </ControlTemplate>
                        </Button.Template>-->
                        <Button.Content>
                            <Grid>
                                <Path  Data="M224,176 C62.521194,242.20894 72.499382,207.5 224,276" Cursor="Hand" VerticalAlignment="Center" HorizontalAlignment="Center"  Stretch="Fill" UseLayoutRounding="False"  Width="9" Height="15"  StrokeThickness="3" Stroke="Black" Grid.Row="1" StrokeDashCap="Round" RenderTransformOrigin="0.5,0.5">
                                    <Path.RenderTransform>
                                        <CompositeTransform Rotation="180" ScaleX="1"/>
                                    </Path.RenderTransform>
                                </Path>
                            </Grid>
                        </Button.Content>
                        <!--<Rectangle  Fill="Transparent"  Width="20" Height="20" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="2" Grid.Row="1">
                        </Rectangle>-->
                        <!--<Path  Data="M224,176 C62.521194,242.20894 72.499382,207.5 224,276" VerticalAlignment="Center" HorizontalAlignment="Center"  Stretch="Fill" UseLayoutRounding="False"  Width="9" Height="15"  StrokeThickness="3" Stroke="Black" Grid.Row="1" StrokeDashCap="Round" RenderTransformOrigin="0.5,0.5">
                            <Path.RenderTransform>
                                <CompositeTransform Rotation="180" ScaleX="1"/>
                            </Path.RenderTransform>
                        </Path>-->
                    </Button>
                </Grid>
                <Grid Grid.Column="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <RowDefinition Height="*"></RowDefinition>
                    </Grid.RowDefinitions>
                    <TextBlock x:Name="txtGoto" Text="GoTo" FontSize="16" Margin="5,0,2,2" FontWeight="Medium" Foreground="#FF0084c4"></TextBlock>
                    <ListBox Grid.Row="1" x:Name="lstStep" SelectionChanged="lstStep_SelectionChanged" Background="#eef8fd" BorderThickness="0">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Grid HorizontalAlignment="Stretch">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                                        <ColumnDefinition></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <Image Source="../Images/arrowElbow.png" Stretch="None" MaxHeight="30" MaxWidth="30" Margin="5,0,5,0" VerticalAlignment="Center" ></Image>
                                    <TextBlock Grid.Column="1" Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Stretch"></TextBlock>
                                </Grid>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <ListBox Grid.Row="1" x:Name="lstAction"  Background="#eef8fd" BorderThickness="0">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Grid HorizontalAlignment="Stretch" Loaded="Grid_Loaded_Action">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                                        <ColumnDefinition></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <Image Source="../Images/arrowElbow.png" Stretch="None" MaxHeight="30" MaxWidth="30" Margin="5,0,5,0" VerticalAlignment="Center" ></Image>
                                    <TextBlock Grid.Column="1" Text="{Binding FKName}" VerticalAlignment="Center" HorizontalAlignment="Stretch"></TextBlock>
                                </Grid>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

                </Grid>
            </Grid>
            <Grid Grid.Row="2" VerticalAlignment="Bottom" Margin="2,2,2,1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" ></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <controls:ToolBarButton x:Name="btnFirst" Click="btnFirst_Click" HorizontalAlignment="Left" Height="30" IconMargin="2,0,0,0" Text="First" Icon="../Images/arrow-up-Trans.png"></controls:ToolBarButton>
                <controls:ToolBarButton Grid.Column="1" x:Name="btnLast" Margin="3,0,0,0" Click="btnLast_Click" HorizontalAlignment="Left" Height="30" IconMargin="2,0,0,0" Text="Last" Icon="../Images/arrow-down.png"></controls:ToolBarButton>
                <controls:ToolBarButton Grid.Column="2" x:Name="btnClose2" Visibility="Visible" Click="btnClose2_Click" HorizontalAlignment="Right" Height="30" IconMargin="8,0,2,0" Text="Close" Icon="VAdvantage/component;/Images/cancel.png"></controls:ToolBarButton>
            </Grid>
            <toolkit:BusyIndicator Grid.Row="1" x:Name="busyIndicatorStep" Style="{StaticResource RoundBusyIndicator}" IsBusy="False" VerticalAlignment="Center" HorizontalAlignment="Center"></toolkit:BusyIndicator>
        </Grid>
        
    </Grid>
</UserControl>
